<template>
  <div>
    <div class="titletopXX">
      <van-nav-bar
        size="30"
        :title="title"
        left-arrow
        right-text=""
        :fixed="true"
        @click-left="onClickLeft"
      />
    </div>
    <div class="tabs">
      <div class="tab" @click="TZ('/HT/pages/LYDJ/list')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/LYDJ.png')"
          mode=""
        >
        </van-image>
        <div>疗养行程管理</div>
      </div>
      <div class="tab" @click="TZ('/HT/pages/LYDJ/LYTJ')">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/LYTJ.png')"
          mode=""
        >
        </van-image>
        <div>疗养统计</div>
      </div>
      <div class="tab" @click="TZ('/HT/pages/LYDJ/LYSPDB')" v-if="path == 'approval'">
        <van-image
          class="img"
          radius="4"
          width="40"
          height="40"
          :src="require('./img_png/LYTJ.png')"
          mode=""
        >
        </van-image>
        <div>我的审批待办</div>
      </div>
      <div style="width: 40%; padding: 10px"></div>
    </div>
  </div>
</template>

<script>
import { getpersonalInformation } from "../../../../common/RYXX"

export default {
  data() {
    return {
      title: "疗养登记",
      path: JSON.parse(getpersonalInformation()).path
    }
  },
  methods: {
    TZ (val) {
      this.$router.push({
        path: val
      })
    },
    onClickLeft() {
      this.$router.push({
        name: "rvicsharedstation-HT_index"
      })
    }
  }
}
</script>

<style lang="less" scoped>
.tabs {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  .tab {
    margin-top: 20px;
    width: 40%;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    border: 1px rgb(54, 194, 168) solid;
  }
}
.titletopXX{
  height: 45px;
}
</style>
